<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="core" %>
<%@ taglib prefix="fmt" uri="fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<title>气泡讨论板块</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Loading Bootstrap -->
		<link rel="stylesheet" type="text/css" href="../page/front/disc/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="../page/front/disc/css/icons.css" />
		<link rel="stylesheet" type="text/css" href="../page/front/disc/css/style1.css" />
		<script src="../page/front/disc/js/modernizr.custom.js"></script>
		<script src="../page/front/disc/js/jquery-1.8.3.min.js"></script>
		<script src="../page/front/disc/js/jquery-1.10.2.min.js"></script>
    	<link href="../page/front/disc/css/bootstrap.css" rel="stylesheet"/>
    	<script src="../page/front/disc/js/bootstrap.min.js"></script>
		<script src="../page/front/disc/js/bootstrap.js"></script>
		<link rel="stylesheet" type="text/css" href="../page/front/disc/css/style2.css" />
		
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
	    <!--[if lt IE 9]>
	      <script src="../page/front/disc/js/html5shiv.js"></script>
	      <script src="../page/front/disc/js/respond.min.js"></script>
	    <![endif]-->
	    <style type="text/css">
	    	#list .nih{
	    		color:#fff;
	    		text-decoration:none;
	    		border:0px;
	    		font-size:18px;
	    	}
	    	#list .nih:hover{
	    		color:#c55500;
	    		text-decoration:none;
	    		background:none;
	    	}
	    	#list p{
	    		font-size:18px;
	    		line-height:20px;
	    	}
	    	#buttoms{
	    		width:70%;
	    		height:60px;
	    		margin:0 auto;
	    	}
	    	#prep{
	    		width:50px;
	    		height:30px;
	    		float:left;
	    	}
	    	#next{
	    		width:50px;
	    		height:30px;
	    		float:right;
	    	}
	    	#zhong{
	    		width:150px;
	    		margin:0 auto;
	    		color:#fff;
	    		text-align:center;
	    	}
	    	#buttoms a{
	    		width:50px;
	    		height:30px;
	    	}
	    	#tushang{
	    		float:left;
	    	}
	    	#tupian{
	    		width:50px;
	    		height:50px;
	    		margin-top:10px;
	    		margin-right:250px;
	    		float:right;
	    	}
	    	#tupian a{
	    		color:#fff;
	    		border:0px;
	    	} 
	    	#tupian a:hover{
	    		color:#c55500;
	    		background:none;
	    		border:1px;
	    	} 
	    </style>
		
	</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="widget-box">
					<div class="widget-header widget-header-flat">
						<h4 class="smaller">
							<i class="icon-quote-left smaller-80"></i>
							讨论版
						</h4>
					</div>

					<div class="widget-body">
						<div class="widget-main" id="list">
							<c:forEach items="${pages.list}" var="all">
								<div class="row">
									<div class="col-xs-2"></div>
									<div class="col-xs-10">
										<blockquote id="tushang">
											<a href="../them/themone.html?id=${all.udiscusserDrId}" class="nih">${all.thName}</a>
											<small>
												<fmt:formatDate value="${all.thTime}" pattern="yyyy-MM-dd HH:mm:ss" />
												<span  style="color:#fff;">&nbsp;&nbsp;&nbsp;&nbsp;人数&nbsp;${all.thNum}</span>
											</small>
										</blockquote>
										<div id="tupian">
											<c:if test="${all.user.image.imLoclhost!=null}">
												<img height="50" alt="" width="50" src="../page/upload/images/${all.user.image.imLoclhost}"
												 style="-webkit-border-radius:50px; -moz-border-radius:50px;border-radius:50px;"
												 title="${all.thName} 创建人"/>	
											 </c:if>
											 <c:if test="${all.user.image.imLoclhost==null}">
												<img height="50" alt="" width="50" src="../page/upload/images/123456.jpg"
												 style="-webkit-border-radius:50px; -moz-border-radius:50px;border-radius:50px;"
												 title="${all.thName} 创建人"/>	</c:if>
										 	<small>
												<a href="#">${all.user.uName}</a>
											</small>
										</div>
									</div>
								</div>
							</c:forEach>
						</div>
					</div>
					<div id="buttoms">
						<c:if test="${pages.pageNum!=1}">
							<div id="prep"><a href="../them/themli.html?p=${pages.pageNum-1}&key=${key}">上一页</a></div>
						</c:if>
						<c:if test="${pages.count!=0}">
							<div id="zhong">当前 ${pages.pageNum} / ${pages.pageCount}</div>
						</c:if>
						<c:if test="${pages.count==0}">
							<div id="zhong">没有您相关 “${key}”</div>
						</c:if>
						<c:if test="${pages.pageNum<pages.pageCount}">
							<div id="next"><a href="../them/themli.html?p=${pages.pageNum+1}&key=${key}">下一页</a></div>
						</c:if>
					</div>
				</div>
			</div>
		</div><!-- PAGE CONTENT ENDS -->
	</div>
		<nav id="bt-menu" class="bt-menu">
			<a href="#" class="bt-menu-trigger">Menu</a>
			<ul>
				<li><a href="../them/index.html" >搜索</a></li>
				<li><a href="../them/zhuti.html" >我的主题区</a></li>
				<li><a href="../them/new.html" >创建主题区</a></li>
				<li><a href="../index/index.html" >返回首页</a></li>
			</ul>
		</nav>
		
	
	<script src="../page/front/disc/js/classie.js"></script>
	<script src="../page/front/disc/js/borderMenu.js"></script>
	<script>	
		var _gaq = _gaq || []; 	_gaq.push(['_setAccount', 'UA-7489188-1']); _gaq.push(['_trackPageview']);
		(function() {
			var ga = document.createElement('script'); ga.async = true; ga.src = '../page/front/disc/js/ga.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
	</body>
</html>  